<template>
	<view class="container">
		<view class="s-top">
			<image src="../../static/s1.png" mode="aspectFill"></image>
			<view class="t">
				支付成功
			</view>
			<view class="price">
				￥<text>{{money}}</text>
			</view>
		</view>
		<view class="s-footer">
			<view class="img">
				<image src="../../static/s2.png" mode="aspectFill"></image>
			</view>
			<view class="t">
				什么是商人币？
			</view>
			<view class="body">
				<u-parse :content="content"></u-parse>
			</view>
			<view class="btn" @click="$pageTo('/pages/user/money')">
				去充值
			</view>
		</view>
	</view>
</template>

<script>
	import {
		webconfig,
	} from '@/common/http.api.js';
	export default {
		data() {
			return {
				content: ``,
				money: ""
			}
		},
		onLoad(o) {
			this.money = o.money
			this.getwebconfig()
		},
		methods: {
			getwebconfig() {
				webconfig({}).then(res => {
					if (res.code == 200) {
						this.dysearch = res.data.dysearch
						this.content = res.data.coin
					}
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.container {
		padding: 80rpx 30rpx;

		.s-footer {
			margin-top: 50rpx;
			background: linear-gradient(180deg, #FFF7F2 0%, #FFFFFF 100%);
			border-radius: 20rpx;
			padding: 40rpx 20rpx;

			.img {
				width: 240rpx;
				height: 210rpx;
				margin: 0 auto;

				image {
					width: 100%;
					height: 100%;
				}
			}

			.t {
				line-height: 40rpx;
				height: 40rpx;
				font-weight: 500;
				font-size: 32rpx;
				color: #11192D;
				text-align: center;
				margin-top: 20rpx;
			}

			.body {
				margin-top: 10rpx;
				line-height: 40rpx;
				font-size: 28rpx;
				color: #979797;
			}

			.btn {
				width: 440rpx;
				height: 90rpx;
				line-height: 90rpx;
				font-size: 32rpx;
				color: #fff;
				text-align: center;
				background: linear-gradient(270deg, #FF6F07 0%, #FFA666 100%);
				border-radius: 20rpx;
				margin: 40rpx auto 0;
			}

		}

		.s-top {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			text-align: center;

			image {
				width: 80rpx;
				height: 80rpx;
			}

			.t {
				line-height: 60rpx;
				height: 60rpx;
				margin-top: 20rpx;
				font-weight: bold;
				font-size: 40rpx;
				color: #000000;
				text-align: center;

			}

			.price {
				margin-top: 20rpx;
				line-height: 80rpx;
				height: 80rpx;
				font-size: 32rpx;
				color: #000000;
				font-weight: 600;

				text {
					font-size: 72rpx;
					font-family: 'DIN';
				}
			}
		}
	}
</style>